<template>
<div class="panel">
  <div class="input">
    <el-input
        type="textarea"
        :rows="10"
        placeholder="请输入内容"
        v-model="text">
    </el-input>
  </div>
  <AViewer :value="text"/>
</div>
</template>

<script>
import AViewer from './AViewer'
export default {
  name : 'APanel',
  components : {AViewer} ,
  data(){
    return{
      text:undefined
    }
  }
}
</script>

<style scoped>
.panel{
  height: 80vh;
  width: 100vh;
  display: flex;
}
.input{
  width: 50%;
  height: 100%;
}
</style>